<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:replace="page/common/head"></head>
<style>

    @media only screen and (max-width:768px) {
        #content p img{max-width: 74%!important;}
    }
</style>
<body>

<!--导航-->
<th:block th:replace="page/common/nav"></th:block>

<!--轮播-->
<div class="swiper-container swiper-container1">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="#"><img src="/images/banner_about_detail.jpg" width="100%" height="auto"/></a></div>
    </div>
</div>

<section class="container">

    <div class="row">
        <h4 class="text-center" style="color: #73BE1F;">ABOUT</h4>
        <h3 class="blockTtl en">关于我们</h3>

        <!--/*@thymesVar id="newsDto" type="com.healthtop.dto.NewsDto"*/-->
        <div class="new-detail-item">
            <h2 class="text-center" th:text="${newsDto.newsTitle}"></h2>
            <h5 class="text-center" th:text="${#dates.format(newsDto.createTime,'yyyy-MM-dd HH:mm:ss')}"></h5>
            <div id="content" th:utext="${newsDto.content}"></div>


        </div>
    </div>

    <div class="p768" style="height: 400px;"></div>

</section>



<th:block th:replace="page/common/footer"></th:block>


</body>

</html>

<script type="text/javascript">

    function wiper() {
        var sum;
        if($(window).width() >= 420){sum = 3;}else{sum=1;}
        var swiper1 = new Swiper('.swiper-container1', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            spaceBetween: 60,
            centeredSlides: true,
            autoplay: 5000,
            autoplayDisableOnInteraction: false
        });
        var swiper2 = new Swiper('.swiper-container2', {
            pagination: '.swiper-pagination',
            slidesPerView: sum,
            paginationClickable: true,
            spaceBetween: 10,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
        });
    }

    $(function () {
        wiper();
    });

    $(window).resize(function () {
        wiper();
    });
</script>
